function getCookie(name) {
    var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
    return r ? r[1] : undefined;
}

$(document).ready(function () {
    // $('.popup_con').fadeIn('fast');
    // $('.popup_con').fadeOut('fast');

    // TODO: 在页面加载完毕之后获取区域信息

    $.get('/api/v1.0/areas', function (resp) {
        console.log(resp.data);
        if ('0' == resp.errno) {
            for (var i = 0; i < resp.data.length; i++) {
                var aid = resp.data[i].aid;
                var aname = resp.data[i].aname;
                $('#area-id').append('<option value="' + aid + '">' + aname + '</option>')
            }
        }else{
            alert(resp.errmsg)
        }

    }, 'json')


    // TODO: 处理房屋基本信息提交的表单数据
    $('#form-house-info').submit(function (e) {
        // alert('submit')
        //阻止默认submit提交
        e.preventDefault();
        //将表单的数据形成json，向后端发送请求
        var params = {}
        //serializeArray 会将前端要向后端发送的input标签里的name为key，value为值，组成列表
        $(this).serializeArray().map(function (x) {
            // console.log(x);
            params[x.name] = x.value;
        });
        var facility = [];
        //map用与遍历数据列表或者对象数据
        //each用与遍历标签
        $(':checkbox:checked[name=facility]').each(function (index, x) {
            facility[index] = x.value;
            // console.log(index, x)
        })
        params['facility'] = facility;
        console.log(params);

        //向后端发送ajax请求
        $.ajax({
            url: '/api/v1.0/houses',
            type: 'post',
            contentType: 'application/json',
            data: JSON.stringify(params),
            dataType: 'json',
            headers:{"X-CSRFToken": getCookie("csrf_token")},
            success: function (resp) {
                if ('0'== resp.errno){
                    // 后端保存数据成功
                    alert('ok')
                    // 隐藏基本信息的表单
                    $("#form-house-info").hide();
                    // 显示上传图片的表单
                    $("#form-house-image").show();
                    // 设置图片表单对应的房屋编号那个隐藏字段
                    $("#house-id").val(resp.data.house_id);

                }
                else if ('4101'== resp.errno){
                    location.href = '/'
                }
                else {
                    alert(resp.errmsg)
                }
            }
        })
    })
    // 处理房屋基本信息的表单数据
    // $("#form-house-info").submit(function (e) {
    //     e.preventDefault();
    //     // 检验表单数据是否完整
    //     // 将表单的数据形成json，向后端发送请求
    //     var formData = {};
    //     $(this).serializeArray().map(function (x) { formData[x.name] = x.value });
    //
    //     // 对于房屋设施的checkbox需要特殊处理
    //     var facility = [];
    //     $("input:checkbox:checked[name=facility]").each(function(i, x){ facility[i]=x.value });
    //     formData.facility = facility;
    //
    //     // 使用ajax向后端发送请求
    //     $.ajax({
    //         url: "/api/v1.0/houses",
    //         type: "post",
    //         data: JSON.stringify(formData),
    //         contentType: "application/json",
    //         dataType: "json",
    //         headers: {
    //             "X-CSRFToken": getCookie("csrf_token")
    //         },
    //         success: function(resp){
    //             if ("4101" == resp.errno) {
    //                 location.href = "/login.html";
    //             } else if ("0" == resp.errno) {
    //                 // 后端保存数据成功
    //                 // 隐藏基本信息的表单
    //                 $("#form-house-info").hide();
    //                 // 显示上传图片的表单
    //                 $("#form-house-image").show();
    //                 // 设置图片表单对应的房屋编号那个隐藏字段
    //                 $("#house-id").val(resp.data.house_id);
    //             } else {
    //                 alert(resp.errmsg);
    //             }
    //         }
    //     });
    // })

    // TODO: 处理图片表单的数据
    $("#form-house-image").submit(function (e) {
        e.preventDefault();
        var house_id = $("#house-id").val();
        alert(house_id)
        // 使用jquery.form插件，对表单进行异步提交，通过这样的方式，可以添加自定义的回调函数
        $(this).ajaxSubmit({
            url: "/api/v1.0/houses/"+house_id+"/images",
            type: "post",
            headers: {
                "X-CSRFToken": getCookie("csrf_token")
            },
            success: function (resp) {
                // alert('ok')
                if ("4101" == resp.errno) {
                    location.href = "/login.html";
                } else if ("0" == resp.errno) {
                    // 在前端中添加一个img标签，展示上传的图片
                    console.log(resp.data.url)
                    $(".house-image-cons").append('<img src="'+ resp.data.url+'">');
                    alert($('.house-image-cons>img').val())
                    // $('.house-image-cons').attr('src', resp.data.url)
                } else {
                    alert(resp.errmsg);
                }
            }
        })
    })

})